$(".downloadApp").mouseenter(function() {
    $(".erweima").show();
})
$(".downloadApp").mouseleave(function() {
    $(".erweima").hide();
})
let navList = $(".nav-con li");
for (let i = 0; i < navList.length; i++) {
    navList[i].onmouseenter = function() {
        navList.removeClass("select");
        navList.eq(i).addClass("select");
        if (navList[i].getAttribute("class") === "nex select") {
            $(".nav-nex").siblings().hide();
            $(".nav-nex").slideDown();
            $(".nav-nex").mouseenter(function() {
                $(this).show();
            })
            $(".nav-nex").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "x select") {
            $(".nav-x").siblings().hide();
            $(".nav-x").slideDown();
            $(".nav-x").mouseenter(function() {
                $(this).show();
            })
            $(".nav-x").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "s select") {
            $(".nav-s").siblings().hide();
            $(".nav-s").slideDown();
            $(".nav-s").mouseenter(function() {
                $(this).show();
            })
            $(".nav-s").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "y select") {
            $(".nav-y").siblings().hide();
            $(".nav-y").slideDown();
            $(".nav-y").mouseenter(function() {
                $(this).show();
            })
            $(".nav-y").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "z select") {
            $(".nav-z").siblings().hide();
            $(".nav-z").slideDown();
            $(".nav-z").mouseenter(function() {
                $(this).show();
            })
            $(".nav-z").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "u select") {
            $(".nav-u").siblings().hide();
            $(".nav-u").slideDown();
            $(".nav-u").mouseenter(function() {
                $(this).show();
            })
            $(".nav-u").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "iqoo select") {
            $(".nav-iqoo").siblings().hide();
            $(".nav-iqoo").slideDown();
            $(".nav-iqoo").mouseenter(function() {
                $(this).show();
            })
            $(".nav-iqoo").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "hardware select") {
            $(".nav-hardware").siblings().hide();
            $(".nav-hardware").slideDown();
            $(".nav-hardware").mouseenter(function() {
                $(this).show();
            })
            $(".nav-hardware").mouseleave(function() {
                $(this).slideUp();
            })
        }
    }
}
navList.mouseleave(function() {
    navList.removeClass("select");
})

$(".icon-weixin-copy").closest("div").mouseenter(function() {
    $(".vivo-score").show();
})
$(".icon-weixin-copy").closest("div").mouseleave(function() {
    $(".vivo-score").hide();
})
$(".icon-changyonglogo30erp").closest("div").mouseenter(function() {
    $(".vivo-pay").show();
})
$(".icon-changyonglogo30erp").closest("div").mouseleave(function() {
    $(".vivo-pay").hide();
})
$(".icon-lianjie").closest("div").mouseenter(function() {
    $(".vivo-app").show();
})
$(".icon-lianjie").closest("div").mouseleave(function() {
    $(".vivo-app").hide();
})

$.ajax({
    url: `${address}/getList`,
    success(data) {
        data.forEach(item => {
            let newItem = $("#template").clone();
            newItem.attr("id", "");
            newItem.find("img").attr("src", item.img);
            newItem.find("h3 a").html(item.name);
            newItem.find("h3 a").attr("href", `details.html?id=${item.id}`);
            newItem.find("p").html(item.introduce);
            newItem.find("div").html(`¥${item.price}`);
            newItem.appendTo($(".phoneList"));
        })
    }
})